<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="stylesheet" href="../utils/reset.css">
    <link rel="stylesheet" href="../utils/bootstrap.min.css">
    <link rel="stylesheet" href="../utils/swiper-bundle.min.css" />
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
<!--header头部-->
<header>
    <div class="header-top">
        <div class="circle-box mobile">
            <div class="circle-item">
                                <img src="/img/common/Japan-Circle.png" alt="Japan-Circle">
                            </div>
        </div>
        <div class="w1200 top-box">
            <span class="left-title">Shanghai Creation Group Co.Ltd</span>
            <div class="circle-box">
                <ol class="circle-list">
                    <li class="circle-item" onclick="location.href='/ja'">
                        <img src="/img/common/China-Circle.png" alt="China-Circle">
                        <span>中国は</span>
                    </li>
                    <li class="circle-item" onclick="location.href='/ja'">
                        <img src="/img/common/Kingdom-Circle.png" alt="Kingdom-Circle">
                        <span>イギリスの</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/Germany-Circle.png" alt="Germany-Circle">
                        <span>ドイツ</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/Japan-Circle.png" alt="Japan-Circle">
                        <span>日本の</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/Russia-Circle.png" alt="Russia-Circle">
                        <span>ロシア·ロシア</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/Spain-Circle.png" alt="Spain-Circle">
                        <spanスペイン</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/Portugal-Circle.png" alt="Portugal-Circle">
                        <span>ポルトガル</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/France-Circle.png" alt="France-Circle">
                        <span>フランス·フランス</span>
                    </li>
                    <li class="circle-item" onclick="location.href='ja'">
                        <img src="/img/common/SouthKorea-Circle.png" alt="SouthKorea-Circle">
                        <span>韓国は</span>
                    </li>
                    <!-- <li class="circle-item" onclick="location.href='/de'">
                         <img src="/img/common/Emirates-Circle.png" alt="Emirates-Circle">
                         <span>アラブ人</span>
                     </li>-->
                </ol>
            </div>
        </div>
    </div>
</header>
<nav class="navbar">
    <div class="w1200 navbar-box">
        <div class="logo">
            <h1>
                <a href="./index.html" role="img" class="logo-bd clearfix" title="logo-title">logo-title</a>
            </h1>
        </div>
        <ul class="link-box">
            <li class="active">
                <a href="./index.html">トップページ></a>
            </li>
            <li>
                <a href="./about.html">About usについて</a>
            </li>
            <li>
                <a href="./quality.html">品質保証の提供</a>
            </li>
            <li>
                <a href="./detail.html">プロダクトセンター</a>
            </li>
            <li>
                <a href="./product.html">製品の応用</a>
            </li>
            <li>
                <a href="./new.html">ニュース·メディア</a>
            </li>
            <li>
                <a href="./contact.html">お問い合わせください。</a>
            </li>
            <li>
                <a href="./composition.html">グループの構成</a>
            </li>
        </ul>
        <div class="search-box">
            <i class="search icon-search"></i>
            <input type="text" placeholder="検索する。">
            <i class="awrrod"></i>
        </div>
        <div class="mobile">
            <!-- <div class="search icon-search"></div> -->
            <img class="icon-menu" src="/img/common/Menu.svg">
        </div>
    </div>
</nav>
<!--header头部-->


    <div class="about-banner new">
        <h2>｜ ニュース·メディア ｜</h2>
        <div class="title">About Us</div>
    </div>

    <section class="section-tab w1200">
        <ul class="tab-box">
            <li class="item-top item">
                ニュース·メディア            </li>
            <li class="item active">
                <a href="./new.html">企業·業界ニュース</a>
            </li>
            <li class="item">
                <a href="./new-medium.html">メディア·ライブラリ</a>
            </li>
        </ul>
        <div class="main-box">
            <div class="main-title">
                <h3>企業·業界ニュース</h3>
                <p>ニュース·メディア <i>/</i> <span>企業·業界ニュース</span></p>
            </div>
            <div class="about-box">
                <div class="tab-buttons">
                    <h3 class="tab-btn-item active">
                        <a href="./about-down.html">すべてのもの</a>
                    </h3>すべてのもの                    <h3 class="tab-btn-item ">
                        <a href="./about-down.html">企業ニュース</a>
                    </h3>
                    <h3 class="tab-btn-item ">
                        <a href="./about-down.html">業界ニュース</a>
                    </h3>
                </div>
                <!--<div class="search-container">
                    <div class="search-box search2">
                        <i class="search"></i>
                        <input type="text" placeholder="查询内容">
                    </div>
                    <button class="search-btn">搜索</button>
                </div>-->
                <div class="recruit-box">
                                            <div class="recruit-item">
                            <div class="recruit-container">
                                <h5 class="recruit-title">2024年1月のマレーシアビジネス訪問</h5>
                                <p class="recruit-detail">中国とマレーシアの間の優遇政策を考慮して、瑞雄の輸出部門は2024年1月下旬にマレーシアの12社以上の重要顧客を訪問しました。</p>
                            </div>
                            <div class="recruit-btn">
                                Subscribe                                <i class="icon button-next"></i>
                            </div>
                        </div>
                                    </div>
                <div class="pages-container">
                    <div class="button-prev { $news->currentPage() == 1 ? ' disabled' : '' }">
                        <a href="{ $news->currentPage() == 1 ? 'javascript:void(0);' : $news->url(1) }" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </div>
                    <div class="pages-box">
                        @for ($i = 1; $i <= $news->lastPage(); $i++)
                        <a class="pages-item { $news->currentPage() == $i ? ' active' : '' } href="{ $news->url($i) }"">{ $i }</a>
                        @endfor
                    </div>
                    <div class="button-next { ($news->currentPage() == $news->lastPage()) ? ' disabled' : '' }">
                        <a href="{ $news->currentPage() == $news->lastPage() ? 'javascript:void(0);' : $news->url($news->currentPage() + 1) }" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>


<!--footer-->
<footer>
  <div class="footerBox w100 flex center">
    <div class="w1200   flex-row space-between">
      <div class="logo">
        <a href="./index.html" role="img" class="logo-bd footLogo clearfix" title="logo"></a>
      </div>
      <ul>
        <li>
          <h3>About usについて</h3>
        </li>
        <li><a href="#">チームの強さ</a></li>
        <li><a href="#">持続可能な開発</a></li>
        <li><a href="#">安全第一に</a></li>
        <li><a href="#">洗練されたオペレーション</a></li>
        <li><a href="#">エネルギー機器</a></li>
        <li><a href="#">採用センター</a></li>
        <li><a href="#">ダウンロードセンター</a></li>
      </ul>

      <ul>
        <li>
          <h3>製品の応用</h3>
        </li>
        <li><a href="#">自動車産業は</a></li>
        <li><a href="#">建設業界の</a></li>
        <li><a href="#">機械設備産業</a></li>
        <li><a href="#">その他の産業</a></li>
      </ul>

      <ul>
        <li>
          <h3プロダクトセンター></h3>
        </li>
        <li><a href="#">コイル線材</a></li>
        <li><a href="#">異形線/チューブ</a></li>

      </ul>
      <ul>
        <li>
          <h3>ニュース&メディア</h3>
        </li>
        <li><a href="#">企業·業界ニュース</a></li>
        <li><a href="#">メディア·ライブラリ</a></li>
      </ul>
      <ul>
        <li>
          <h3>お問い合わせください。</h3>
        </li>
        <li><a href="#">お問い合わせフォーム送信</a></li>
        <li><a href="#">ソーシャルメディア</a></li>
        <li><a href="#">会社の所在地</a></li>
      </ul>
      <ul>
        <li>
          <h3>賢者グループの構成</h3>
        </li>
      </ul>

    </div>

  </div>
  <div class="footeTwo  w100 flex center">
    <div class="w1200 h100 flex-row space-between align-items-center">
      <ul class="flex-row ulNav">
        <li><a href="#">Contact us</a></li>
        <li><a href="#">Location finder</a></li>
        <li><a href="#">Sitemap</a></li>
        <li><a href="#">Legal</a></li>
        <li><a href="#">Privacy</a></li>
      </ul>
      <ul class="flex-row ulImg align-items-center">
        <li><a href="#"><img src="/img/common/facebook1.png" alt="facebook"></a></li>
        <div class="border"></div>
        <li><a href="#"><img src="/img/common/facebook2.png" alt="facebook"></a></li>
        <div class="border"></div>
        <li><a href="#"><img src="/img/common/facebook3.png" alt="twitter"></a></li>
      </ul>

    </div>
  </div>
</footer>
<!--footer-->

<script src="utils/jquery-1.8.3.min.js"></script>
<script src="utils/bootstrap.min.js"></script>
<script src="utils/swiper-bundle.min.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
</body>

</html>
